<template>
  <div class="myStores-container new-shoping">
    <!-- 顶部 -->
    <van-nav-bar title="共享商圈" @onClickLeft="$router.push('/my')">
      <template #right>
        <span @click="homeSearch" class="home-search blue" >我的商圈</span>
      </template>
    </van-nav-bar>
    <!-- / 顶部 -->

    <!-- 搜索 -->
    <van-search class="new-shoping" v-model="value" placeholder="搜索店铺" input-align="left" shape="round" @click="searchPage">
    </van-search>
    <!-- / 搜索 -->

    <!-- 宫格 -->
    <van-grid>
      <van-grid-item  class="new-shoping" text="城市" >
        <van-icon slot="left" name="arrow-down" />
      </van-grid-item>
      <van-grid-item  class="new-shoping" text="距离" />
      <van-grid-item  class="new-shoping" text="活动" />
      <van-grid-item  class="new-shoping" text="行业" @click="homeIndustry"/>
    </van-grid>
    <!--/ 宫格 -->
  </div>
</template>

<script>
export default {
  name: 'myStoresIndex',
  components: {},
  props: {},
  data () {
    return {

    }
  },
  computed: {},
  watch: {},
  created () {

  },
  mounted () {

  },
  methods: {
    homeIndustry: function () {
      this.$router.replace('/homeIndustry') // 跳转到 homeIndustry 页面 （ 行业 ）
    },
    searchPage: function () {
      this.$router.replace('/searchPage') // 跳转到 search-search 页面 （ 搜索界面 ）
    },
    homeSearch () {
      this.$router.replace('/layout')
    }
  }
}
</script>

<style scoped lang="less">

</style>
